*{box-sizing: border-box}

.container{
  width: 100%;
  max-height: 100%;
  position:relative;
  height: 100%;
  overflow: hidden;
}
.head-top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  div {
    position: absolute;
    right: 1.5625rem;
    font-size: 30px;
  }
}

.head-top span {
  font-size: 18px;
  color: #323232;
}

.head-top img {
  width: .6875rem;
  height: auto;
  position: absolute;
  left: 1.5625rem;
  top: 50%;
  transform: translateY(-50%);
}
.header{
  width: 100%;
  max-height: 7%;
  background: #fff;
}

.contactBox{
  width: 100%;
  height: 85%;
  max-height: 85%;
  padding: 0rem;
  overflow-y: scroll;
}

.contactBox>div{
  width: 100%;
  height: 4rem;
  padding: .7rem;
  border-bottom:0.5px solid rgba(0,0,0,0.1)
}
.contactBox>div>div:nth-child(1){
 height: 100%;
  float: left;
}

.contactBox>div>div:nth-child(1) img{
  width: 2.4rem;
  height: 2.4rem;
}

.contactBox>div>div:nth-child(2){
  width: 50%;
  height:100%;
  float:left;
  margin-left: .6rem;
}

.contactBox>div>div:nth-child(2)>div:nth-child(1){
  height:50%;
  font-size: .93rem;
  margin-bottom: .1rem;
}
.contactBox>div>div:nth-child(2)>div:nth-child(2){
  width: 80%;
  text-overflow :ellipsis;
  white-space:nowrap;
  overflow: hidden;
  color: gray;
  font-size: .85rem;
}

.contactBox>div>div:nth-child(3){
  float:right;
  padding-top: .6rem;
  padding-right: .3rem;
  color: gray;
  font-size: .85rem;
}
